class Observer {
    constructor (data) {
        this.walk(data)
    }
    // 遍历data
    walk (data) {
        // 判断data是否为对象
        if (!data || typeof data  !== 'object') {
            return
        }
        // 遍历data的左右属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }
    // 定义响应式数据
    // 第三个参数可以是data[key],是因为这样会产生死递归，
    defineReactive (data, key, value) {
        const dep = new Dep();
        // 如果value是对象，则把其内部的属性也转换为响应式数据 
        this.walk(value)
        const _self = this;
        Object.defineProperty(data, key, {
            enumerable: true,
            configurable: true,
            get () {
                // 收集依赖
                Dep.target && dep.addSub(Dep.target)
                // return data[key]    // 不可以是data[key],是因为这样会产生死递归，
                return value
            },
            set (newValue) { 
                if (newValue === value) {
                    return
                }
                value = newValue
                _self.walk(newValue)   // 不可以直接使用this.walk(value),因为此时的this不指向Observe实例,要想使用this,可以将set写成箭头函数
                /// 发送通知
                dep.notify()
            }
        })
    }
}